<template>
	<div>
		<h1>App...</h1>
		<!-- 
			v-model
				绑定一个value属性，给组件传递一个props数据，叫value
				绑定一个input事件，给组件绑定自定义事件，叫input

			在Vue2中
				父 -> 子  props
				子 -> 父  自定义事件

				父 -> 子
				子 -> 父 v-bind.sync（用于非表单项）
					:xxx.sync="xxx"
					给子组件传递一个props数据，数据名：xxx
					给子组件绑定一个自定义事件, 事件名：update:xxx
						触发事件传递的第一个参数，就会改变xxx的值

					v-model（用于表单项）
		-->
		<Child v-model="num" />
	</div>
</template>

<script>
import Child from "./Child.vue";

export default {
	name: "App",
	data() {
		return {
			num: 0,
		};
	},
	components: {
		Child,
	},
};
</script>

<style></style>
